<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="../dist/css/lightgallery.css" rel="stylesheet">
	</head>
	<body>



		<div id="lightgallery">
			<a href="img/img1.jpg">
				<img src="img/thumb-1.jpg" />
			</a>
			<a href="img/img2.jpg">
				<img src="img/thumb-2.jpg" />
			</a>
			...
		</div>

		<script src="../../js/jquery-3.3.1.min.js"></script>

		<!-- mouse wheel support.-->
		<script src="../lib/jquery.mousewheel.min.js"></script>

		<script src="../dist/js/lightgallery.min.js"></script>

		<!-- lightgallery plugins -->
		<script src="../modules/lg-thumbnail.min.js"></script>
		<script src="../modules/lg-fullscreen.min.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#lightgallery').lightGallery();
			});
		</script>

	</body>
</html>
